<template name="index-title">
    <view class="wx-container">
        <view class="title">
            <u-image
                :src="src" mode="heightFix"
                height="28rpx"
            ></u-image>
            <!--text class="name">Arts</text>
            <text class="desc">「{{ text }}」——</text-->
        </view>
        <u-icon
            name="https://ionepin.oss-accelerate.aliyuncs.com/firstgrade/more.png"
            @click="navigateTo()"
            width="74rpx"
            height="19rpx"
        ></u-icon>
    </view>
</template>

<script>
export default {
    name: "index-title",
    props: {
        src: {
            type: String
        },
        categoryId: {
            type: Number
        },
        text: {
            type: String
        },
        params: {
            type: Object
        }
    },
    methods: {
        navigateTo() {
            uni.$u.route({
				url: 'pages/productList/index',
				params: this.params
			})
        }
    }
}
</script>

<style lang="scss" scoped>
    .wx-container {
        display: flex;
        justify-content: space-around;
        padding: 0 20rpx;
        align-items: center;
        margin-bottom: 35rpx;
        .title {
            width: 100%;
            height: 28rpx;
            image {
                width: 100%;
                height: 100%;
            }
            .name {
                font-size: 36rpx;
                font-family: Helvetica-BoldOblique, Helvetica;
                font-weight: normal;
                color: #000000;
            }
            .desc {
                font-size: 26rpx;
                font-family: PingFang-SC-Light, PingFang-SC;
                font-weight: 300;
                color: #eee;
            }
        }
    }
</style>
